﻿body {
    margin: 0px;
    overflow-x: hidden;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height:24px;
    color: #333;
}
a:link ,a:visited , a:hover , a:active {
    text-decoration: none !important;
    color: #333;
}
a {
    text-decoration: none !important;
    color: #333;
}
li {
    list-style: none;
}
.row,ul, li {
    margin: 0;
    padding: 0;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
.white{
    background:white;
}
.indexbg {
    background: #F5F5F5;
}
/* 模板页——header顶部 */
.kj-top {
    height: 42px;
    line-height: 42px;
    background: #EEEEEE;
    color: #666;
    overflow: hidden;
}
.kj-top a {
    color: #666;
}
.kj-top .kj-topright a:hover{
    text-decoration:underline !important;
}
.kj-top i {
    color: #DA261C;
}
.kj-topright{
    display:flex;
}
.kj-topright > div {
    margin-right: 16px;
}
/* 模板页——头部 */
.kj-header {
    background: #fff;
}
.kj-header-content{
    display:flex;
    width:100%;
}
.kj-header-logo {
    width:250px;
    margin-top: 25px;
}
.kj-search-collapse {
    flex-grow: 1;
    padding-left: 15%;
}
.kj-header-search {
    margin-top: 35px;
}
.kj-header-search > input {
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    color: #999;
    text-indent: 1px;
    border: 2px solid #DA261C;
}
.kj-header-searchbtn {
    width: 67px;
    background: #DA261C;
    height: 38px;
    color: #fff;
    border-radius: 0;
}
.kj-header-searchbtn:hover{
    color:#fff;
}
.kj-header-searchkey{
    color: #999;
    font-size: 13px;
    line-height: 25px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:5px;
}
.kj-header-shop {
    margin-top: 35px;
    margin-left: 10px;
    height: 38px;
    line-height: 38px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow:hidden;
}
.kj-header-shop i {
    font-size: 20px;
    color: #DA261C;
    margin-right: 5px;
}
.kj-header-shop .kj-shopcart-count {
    color: #FE0000;
    background: transparent;
    font-size: 14px;
}
/* 模板页——导航栏 */
.kj-nav {
    border: none;
    background-color: #DA261C;
    margin-bottom: 0;
    margin-top: 20px;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}
.kj-nav-menu {
    padding:0;
}
.kj-nav-menulist {
    display: flex;
    width: 100%;
    height:50px;
    position:relative;
}
.kj-nav-menulist > li {
    flex-grow: 1;
    text-align: center;
}
.kj-nav-menulist > li > a {
    color: #fff !important;
    font-size: 16px;
    font-family: initial;
    padding:15px 0;
}
.kj-nav-menulist > li > a:hover {
    color: #fff !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #AC1A12;
    color: #fff !important;
}
.kj-nav-menulist > li a .fa-angle-down {
    display:none;
}
/*
.kj-nav-menulist > li:hover > a:after {
    content: '';
    position: absolute;
    left: 14px;
    top: auto;
    bottom: 0;
    right: auto;
    height: 3px;
    width: 52px;
    background-color: #fdb200;
}
*/
/* 模板页——其他导航栏下拉 */
.nav_othermenu > .dropdown-menu {
    top: 100%;
    padding: 0;
    padding: 10px 0;
}
.nav_othermenu > .dropdown-menu li {
    text-align: center;
    height: 34px;
    padding:0 10px;
}
.nav_othermenu > .dropdown-menu li > a {
    display: inline-block;
    padding:5px 20px;
}
.nav_othermenu > .dropdown-menu li:hover > a {
    color: #DE231E;
    font-weight: bold;
    background: rgba(222, 35, 30,0.2);
    border-radius: 24px;
}
/* 模板页——产品导航栏下拉 */
/*.nav_promenu {
    flex-grow: 0 !important;
    flex: 0 0 200px;
    width: 200px;
    text-align: left !important;
}
.nav_promenu > a:before {
    content: "\e608";
    font-family: "iconfont" !important;
    padding-right: 15px;
    padding-left: 15px;
    color: #DE231E;
}*/
.nav_promenu .dropdown-menu {
    top: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}
.nav_promenu .dropdown-menu > li > a:hover,
.nav_promenu .dropdown-menu > li > a:focus {
    background-color: transparent;
}
.nav_promenu:hover > .dropdown-menu {
    display: block;
}
.nav_promenu > .dropdown-menu {
    width: 100%;
    min-width:140px;
    padding-top: 10px;
    display: none;
    position: absolute;
    z-index: 9;
    border-top: 1px solid #ddd;
    /*box-shadow: 3px 8px 15px rgba(150,150,150,0.9);*/
    height: auto;
    background: #fff;
}
/*.nav_promenu > .dropdown-menu > li {
    position: initial;
}*/
.nav_promenu > .dropdown-menu > li > a {
    border-bottom: 1px solid #eee;
    line-height:32px;
    padding:3px 15px;
}
/*.nav_promenu > .dropdown-menu > li:hover {
    background: rgba(222, 35, 30,0.2);
}*/
.nav_promenu > .dropdown-menu > li:hover > a {
    background: #DE231E ;
    color: #fff ;
    border-radius: 40px;
}
/*以下为产品二级分类及以下*/
.nav_promenu > .dropdown-menu > li li:hover > a {
    color: #DE231E;
    text-decoration-line: underline !important;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu {
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 9;
    background: #fff;
    color: #8A090D;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*box-shadow: 3px 10px 15px rgba(150,150,150,0.9);*/
    padding: 10px;
    display: none;
    width: 500px;
    overflow: auto;
}
.nav_promenu > .dropdown-menu > li:hover ul {
    display: block;
}
.nav_promenu > .dropdown-menu > li ul {
    display: block;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li {
    display: flex;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li:last-child {
    border-bottom: 1px dashed transparent;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li > a {
    flex: 0 0 160px;
    font-weight: bold;
    white-space:nowrap;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li > ul {
    flex:auto;
    width: 200px;
    display: flex !important;
    flex-wrap: wrap;
    min-width: initial;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li ul {
    position:initial;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li ul > li {
    display: inline-block;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li ul > li > a {
    font-size: 13px;
    padding-right: 15px;
    border-left: 1px solid #CCC;
    margin:5px 0;
    padding:0px 10px;
}
/*产品导航栏左侧图标*/
.nav_promenu > .dropdown-menu > li > a:before {
    color: #DE231E;
    padding-right: 10px;
}
.nav_promenu > .dropdown-menu > li:hover > a:before {
    color: #fff;
}
.nav_promenu > .dropdown-menu > li:first-child > a:before {
    content: "\e631";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(2) > a:before {
    content: "\e6ad";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(3) > a:before {
    content: "\e668";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(4) > a:before {
    content: "\e6fc";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(5) > a:before {
    content: "\e692";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(6) > a:before {
    content: "\e693";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(7) > a:before {
    content: "\e690";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(8) > a:before {
    content: "\e68e";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(9) > a:before {
    content: "\e63d";
    font-family: "iconfont" !important;
}
.nav_promenu > .dropdown-menu > li:nth-child(10) > a:before{
    content: "\e6af";
    font-family: "iconfont" !important;
}






/*新*/
/*顶部logo及搜索*/
.header_logo_search{padding-bottom:20px;background:#fff;position:relative;z-index:20;}
.header_logo_search .container{display:flex;flex-wrap: wrap;}
.header_logo_search .logo_btn{width:250px;margin-top:25px;}
.header_logo_search .logo_btn img{max-width:100%;}
.header_logo_search .search_box{flex:1;margin-top:35px;padding-left:9%;}
.header_logo_search .search_form{height:38px;width:100%;border:1px solid #0193de;display:flex;overflow:hidden;}
.header_logo_search .search_form input{display:inline-block;flex:1;height:36px;line-height:36px;margin:0;font-size:14px;color:#333;border:0;padding-left:15px;}
.header_logo_search .search_form input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */
.header_logo_search .search_form input::-moz-placeholder{color:#bbbbbb;} /* Mozilla Firefox 4 to 18 */
.header_logo_search .search_form input:-moz-placeholder{color:#bbbbbb;} /* Mozilla Firefox 19+ */
.header_logo_search .search_form input:-ms-input-placeholder{color:#bbbbbb;}/* Internet Explorer 10+ */
.header_logo_search .search_form input:focus{box-shadow:none;border:0;}
.header_logo_search .search_form button{font-size:14px;padding:0;border:0;display:inline-block;height:36px;width:62px;text-align:center;line-height:36px;background:#0193de;color:#fff;transition:all 0.2s linear 0s;}
.header_logo_search .search_form button:hover{background:#077dba;}
.header_logo_search .link_btn{display:flex;flex-wrap:wrap;margin-top:7px;}
.header_logo_search .link_btn a{font-size:12px;color:#999999;margin-right:10px;line-height:18px;}
.header_logo_search .link_btn a:hover{color:#000;}
.header_logo_search .mycar_btn{margin-top:35px;margin-left:10px;display:flex;align-items:center;justify-content:center;padding:0 20px;height:38px;line-height:38px;font-size:14px;color:#fff;background:#35b72a;transition:all 0.2s linear 0s;}
.header_logo_search .mycar_btn sup{background:#fff;color:#DA261C;padding:0 4px;font-size:12px;padding:0 4px;border-radius:50%;display:inline-block !important;height:16px;line-height:16px;font-style:normal;}
.header_logo_search .mycar_btn i{font-size:18px;margin-right:5px;transition:all 0.2s linear 0s;}
.header_logo_search .mycar_btn:hover{background:#0193de;}
.header_logo_search .mycar_btn:active{position:relative;top:2px;}

/*手机端搜索*/
.phone_search_box{border-bottom:1px solid #dedede;background:#f9f9f9;}
.phone_search_box .container{padding-top:10px;padding-bottom:10px;}
.phone_search_box #mobilesearchbox{height:38px;width:100%;float:left;}
.phone_search_box #mobilesearchbox input{display:inline-block;width:calc(100% - 50px);height:38px;line-height:38px;border:2px solid #0193de;padding:0 10px;margin:0;border-radius:30px 0 0 30px;font-size:13px;color:#333;float:left;}
.phone_search_box #mobilesearchbox button{padding:0;border:0;display:inline-block;height:38px;width:50px;text-align:center;line-height:38px;background:#0193de;border-radius:0 30px 30px 0;font-size:16px;color:#fff;float:left;}
/*导航栏*/
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #0193de;
    border-color: #0193de;
}
.kj-navbar{margin-bottom:0;border:0;border-radius:0;background:#fff;border-bottom:2px solid #0193de;z-index:10;min-height:45px;}
.kj-navbar .navbar-header{display:none;}
.kj-navbar .navbar-collapse{padding:0;}
.kj-navbar .navbar-nav li a{font-size:16px;color:#333333;padding:0;margin-left:55px;height:45px;line-height:45px;}
.kj-navbar .navbar-nav li:hover a{background:none;color:#0193de;}
.kj-navbar .navbar-nav li a:focus{background:none;}
.kj-navbar .navbar-nav li.active > a{background:none;color:#0193de;font-weight:bold;}

.kj-navbar .navbar-nav .li-kj-nav-procata{width:210px;background:#0193de;}
.kj-navbar .navbar-nav .li-kj-nav-procata > a{margin-left:0;width:100%;color:#fff;font-size:16px;font-weight:bold;padding:0 15px 0 20px;display:inline-flex;align-items:center;}
.kj-navbar .navbar-nav .li-kj-nav-procata:hover > a{color:#fff;}
.kj-navbar .navbar-nav .li-kj-nav-procata > a > span{display:none;}
.kj-navbar .navbar-nav .li-kj-nav-procata > a:before{
    content:'\e7d8';display:inline-block;margin-right:15px;
    font-weight:normal;vertical-align:bottom;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.kj-navbar .navbar-nav .li-kj-nav-procata > a:hover{color:#fff;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul{background:#fff;top:100%;border:0;width:210px;border-radius:0;box-shadow:none;border:1px solid #eee;border-top:0;padding:0;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li {padding:6px 10px 12px 10px;border-top:1px solid #eee;position: relative;transition:all 0.2s linear 0s;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li:first-child{border-top:0;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > a{text-decoration:none;display:block;width:100%;color: #333 !important;font-weight: bold;height:38px;line-height:38px;font-size:15px;padding:0;margin:0;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li:hover{background:#f9f9f9;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > a > span{float:right;line-height:38px;font-size:20px;color:#999;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li .hot_btn{display:block;width:190px;height:20px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li .hot_btn a{font-size:12px;color:#333;line-height:20px;margin-left:5px;height:20px;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li .hot_btn a:first-child{margin-left:0;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li .hot_btn a:hover{text-decoration:underline;color:#0193de !important;}
.kj-navbar .navbar-nav .li-kj-nav-procata > ul ul {position:absolute;margin:0;width:720px;left:100%;top:0;display:none;padding:10px 15px;background:#fff;border-top:1px solid #0193de;box-shadow:0 1px 5px rgba(0,0,0,0.3);}
.kj-navbar .navbar-nav .li-kj-nav-procata > ul ul li{height:auto;position:initial;border-left:0;padding:0;border-top:0;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > ul > li > a > span{display:none;}
.kj-navbar .navbar-nav .li-kj-nav-procata > ul ul li a:before{display:none;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul span.fa-angle-down:before {content: "\f105";}
.kj-navbar .navbar-nav .li-kj-nav-procata > ul li:hover > ul{display:block;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > ul > li:hover{background:none;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > ul > li > ul{width:100%;display:flex !important;position:inherit;border-top:0;box-shadow:none;padding:0;flex-wrap:wrap;border:0;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > ul > li > ul li a{color:#333 !important;margin-right:10px;height:30px;line-height:30px;font-weight:normal;font-size:14px;}
.kj-navbar .navbar-nav .li-kj-nav-procata ul > li > ul > li > ul li a:hover{color:#0193de !important;}

.kj-phonefooter{display:none;}

@media(max-width:1024px) {
    .kj-phonefooter{display:block;}
}




@media(min-width:768px) {
    .kj-search-collapse {
        display: block;
    }
}
/*@media (min-width: 1400px){
    .container {
        width: 1370px;
    }
    .nav_promenu > .dropdown-menu > li > .dropdown-menu {
        width: 1170px;
    }
}*/
/*
"_"  是IE6 专有的hack;
"\9" 对IE6-IE10都有效；
"\0"对IE8-IE10都有效；
"\9\0"对IE9-IE10都有效；
*/
.nav_promenu > .dropdown-menu > li > .dropdown-menu {
    _top: -10px;
    top: -10px\9;
    top: -10px\0;
    top: -10px\9 \0;
}
.nav_promenu > .dropdown-menu > li > .dropdown-menu > li ul {
    _position: relative;
    position: relative\9;
    position: relative\0;
    position: relative\9 \0;
}